<!DOCTYPE html>
<html>

<head>
    <title>菜品查询</title>
    <#include "../common/htmlHeard.ftl">


</head>

<body>
<div class="x-nav">
<#--<span class="layui-breadcrumb">-->
<#--<a href="">首页</a>-->
<#--<a href="">演示</a>-->
<#--<a>-->
<#--<cite>导航元素</cite></a>-->
<#--</span>-->
    <a class="layui-btn layui-btn-small" style="line-height:1.6em;margin-top:3px;float:right"
       href="javascript:location.replace(location.href);" title="刷新">
        <i class="layui-icon" style="line-height:30px">ဂ</i></a>
</div>
<div class="x-body">

    <xblock>
        <button class="layui-btn layui-btn-danger" onclick="delAll()"><i class="layui-icon"></i>批量删除</button>
        <button class="layui-btn" onclick="x_admin_show('商品添加','/admin/food/showForm',600,400)"><i
                class="layui-icon"></i>添加
        </button>
        <span class="x-right" style="line-height:40px">共有数据：${pageInfo.totalElements} 条</span>
    </xblock>
    <table class="layui-table">
        <thead>
        <tr>
            <th>
                <div  class="layui-unselect header layui-form-checkbox" lay-skin="primary"><i
                        class="layui-icon">&#xe605;</i></div>
            </th>
            <th>ID</th>
            <th>菜品名称</th>
            <th>菜品图片</th>
            <th>菜品价格</th>
            <th>商铺编码</th>
            <#--<th>备注</th>-->
            <#--<th>状态</th>-->
            <th>操作</th>
        </tr>
        </thead>
        <tbody>
        <#list pageInfo.content as f>
        <tr>
            <td>
                <div class="layui-unselect layui-form-checkbox" lay-skin="primary" data-id='${f.foodId}'><i class="layui-icon">&#xe605;</i>
                </div>
            </td>
            <td>${f.foodId}</td>
            <td>${f.foodName}</td>
            <td>${f.imgFood}</td>
            <td>${f.price}</td>
            <td>${f.shopType}</td>
            <td class="td-status">
                <a title="编辑" onclick="x_admin_show('编辑','/admin/food/showForm?id=${f.foodId}',600,400)" >
                    <i class="layui-icon">&#xe642;</i>
                </a>

                <a title="删除" onclick="member_del(this,'${f.foodId}')" href="javascript:;">
                    <i class="layui-icon">&#xe640;</i>
                </a>
            </td>
        </tr>
        </#list>
        </tbody>
    </table>
<#include "../common/pageHelp.ftl">

</div>
<script>
    layui.use('laydate', function () {
        var laydate = layui.laydate;

        //执行一个laydate实例
        laydate.render({
            elem: '#start' //指定元素
        });

        //执行一个laydate实例
        laydate.render({
            elem: '#end' //指定元素
        });
    });

    /*用户-删除*/
    function member_del(obj, id) {
        layer.confirm('确认要删除吗？', function (index) {
            //发异步删除数据
            $.get("/admin/food/del?ids=" + id, function (data) {
                if (data == "success") {
                    $(obj).parents("tr").remove();
                    layer.msg('已删除!', {icon: 1, time: 1000});
                } else {
                    layer.msg('删除失败请稍后再试', {icon: 1, time: 1000});
                }
            });
        });
    }



    function delAll(argument) {
        var data = tableCheck.getData();
        var ids = data.join("-");

        layer.confirm('确认要删除吗？' + data, function (index) {
            //捉到所有被选中的，发异步进行删除
            $.get("/admin/food/del?ids="+ids , function (data) {
                if (data == "success") {
                    layer.msg('删除成功', {icon: 1});
                    $(".layui-form-checked").not('.header').parents('tr').remove();
                } else {
                    layer.msg('删除失败请稍后再试', {icon: 1, time: 1000});
                }
            });
        });
    }
</script>

</body>

</html>